<template>
  <div class="task-box">
    <div @click="openDialog">查看任务弹窗</div>
    <screenBox></screenBox>
    <taskTable></taskTable>
    <myDialog
      :dialog-visible="dialogTableVisible"
      @handleClose="clickClose"
    ></myDialog>
  </div>
</template>
<script>
import screenBox from "./screen.vue";
import taskTable from "./taskTable.vue";
import myDialog from "./taskDialog/index.vue";
export default {
  name: "taskWork",
  components: { screenBox, taskTable, myDialog },
  data() {
    return {
      dialogTableVisible: false, // 弹窗状态
    };
  },
  methods: {
    openDialog() {
      this.dialogTableVisible = true;
    },
    clickClose() {
      this.dialogTableVisible = false;
    },
  },
  mounted() {},
};
</script>
<style  lang="less" scoped>
.task-box {
  width: 1576px;
  height: 903px;
  background: #ffffff;
  border-radius: 10px;
}
</style>
